<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 通过Object.defineProperty(obj:Object,param:string,Obj:{value,enumerable,writable,configurable})向对象追加属性，可以控制属性枚举 修改 删除 等这些行为
        let age = 18
        let person = {
            name: "张三",
            sex: "男"
        };
        // 通过定义属性的方法设置的对象属性 默认是不可枚举的(遍历不到)
        Object.defineProperty(person, "age", {
            // value: 18,
            // enumerable: true,//控制属性是否可以枚举 默认值是false不可枚举
            // writable: true,//可以修改的 默认是false不可修改 当我们通过get函数来获取添加的属性，我们只能通过set函数进行修改
            // configurable: true,//控制属性可以被删除 默认是false不可删除

            // 当有人读取person的age属性的时候，get函数(getter)就会被调用，且返回值就是age的值
            get() {
                return age;
            },
            set(value) {
                console.log("有人修改age的值,是", value);
                // this.age = value;
                age = value

            }
        });
        console.log(person);
        // console.log(Object.keys(person));//获取对象的key
        // for (const key in person) {
        //     if (Object.hasOwnProperty.call(person, key)) {
        //         const element = person[key];
        //         console.log(element);
        //     }
        // }

    </script>

</body>

</html>